import { createBrowserRouter, Navigate } from 'react-router-dom'
import Main from '../pages/main'
import Home from '../pages/home'
import Mall from '../pages/mall'
import User from '../pages/user'
import PageOne from '../pages/other/pageOne'
import PageTwo from '../pages/other/pageTwo'
import Login from '../pages/login/index'

const routes = [
  {
    path: '/',
    Component: Main,
    children: [
      {
        path: '/',
        element: <Navigate to="home"></Navigate>,
      },
      {
        path: 'home',
        Component: Home,
      },
      {
        path: 'mall',
        Component: Mall,
      },
      {
        path: 'user',
        Component: User,
      },
      {
        path: 'other',
        children: [
          {
            path: 'pageOne',
            Component: PageOne,
          },
          {
            path: 'pageTwo',
            Component: PageTwo,
          },
        ],
      },
    ],
  },
  {
    path: 'login',
    Component: Login,
  },
]

export default createBrowserRouter(routes)
